Antes de aplicar la nube comprobaremos que tenemos activada la casilla para las etiquetas y etiquetadas las entradas del blog (Al menos una etiqueta por categoría) podemos activar las etiquetas desde Plantilla/Añadir un elemento de página buscamos "Etiquetas" lo añadimos al blog y guardamos.

Para añadir la nube de etiquetas nos situamos en Plantilla/En edición HTML y "expandimos la plantilla de artilugios"
Buscaremos:

]]></b:skin>

Justo antes añadiremos el siguiente código:

/* Etiquetas

----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

Después de ]]></b:skin> y antes de </head> añadiremos esta otra parte:

<script type='text/javascript'>

// Label Cloud User Variables

var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Ahora vamos a marcar para expandir la plantilla de artilugios y buscar lo siguiente:

<b:widget id='Label1' locked='false' title='Etiqueta' type='Label'>

<b:includable id='main'>
<div id='menu4'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Inicio</span></a></li>
<b:loop values='data:labels' var='label'>
<li><a expr:href='data:label.url'><span><data:label.name/></span></a></li>
</b:loop>
</ul>
<!-- <b:include name='quickedit'/> -->
</div>
</b:includable>

</b:widget>

(Si en tu plantilla no es igual, busca la primera línea y sustituye hasta donde termine el widget es decir desde <b:widget id='Label1' locked='false' title='Etiqueta' type='Label'> hasta </b:widget>)

Todo ese código anterior de color azul lo sustituimos por este otro:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){

if(a&gt;b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>

var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

Si lo añadiste correctamente en vista previa ya puedes ver el efecto, los colores del texto pueden ser cambiados por otros más acorde con tu blog al igual que el tamaño de letra en:

var maxFontSize = 20;
var maxColor = [131, 111, 255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;

El color de letra puedes adecuarlo en "var minColor" y "var maxColor"
el tamaño del texto en var maxFontSize y var minFontSize

El resultado es la nube de etiquetas en la sidebar.

El color está en formato RGB si deseas cambiarlo aquí y aquí encontrarás colores en formato RGB.


CaTa

Hola Gema..fui osada y me atreví con la nube pero, pero..me quedó en la side arriba y este blogger &%$)(·" (eso es un enojo) no me deja moverla!! por qué ocurre que se queda pegado en guardar eternamente? y la vista previa me da error..
Tendré que esperar mejores tiempos o se te ocurre hacer algo?
un abrazote

Responder
Gem@

Hola Cata yo no tuve problemas en desplazar la etiqueta y creo que Chare tampoco.

Veamos... hay otra opción y es que añadas un elemento de página nuevo en el header y editando esa etiqueta del elemento nuevo pruebes a añadir ahí las etiquetas.
El elemento ETIQUETAS no es exclusivo, y podemos agregar varios elementos de etiqueta.

Ya me dirás los resultados.

Responder
Gem@

Olvidé decirte que si consigues añadir el elemento etiquetas en el header luego puedes eliminar el de la sidebar ;)

Responder
CaTa

Muchas gracias Gem@ por tus consejos. Finalmente la plantilla requería cirugía mayor pero ya está todo muy bien. Se ve hermosa la nube!!
Un abrazo y cuidese mucho.

Responder
Gem@

No veo la nube de tu blog Cata :(

Responder
CaTa

Me asustaste Gem@, pense que mi nube se había ido pero noo...está ahí como footer en la pagina.

Responder
Gem@

Cata lo siento muchísimo :$ pensaba que la nube estaba en la sidebar.
Llevas razón que ha quedado hermosa la nube :)

Responder
Vito

muy interesante... pero yo no tengo la plantilla en xml, sino en html puro y duro, y nada de lo que has puesto me vale :-(

sabes algún modo de hacer esto en mi caso=? gracias!

Responder
UltimoVicioso

Desde Ultimovicio...

he intentado miles de veces y algo no resulta.. sigo los pasos y cuando ver la vista preliminar aparece el nuevo nombre del artilugio pero no hay nada en él.. lo he intentado modificar pero nada... puede ser porque tengo dos sidebar?? no encuentro otra explicacion... y quiero una nube...

obviamente quiero que aparezca en la sidebar en que tengo las etiquetas ahora... si no puedes ayudarme, dime que es imposible.. para poder olvidarme de ella

UltimoVicio

Responder
Gem@

Vito quizás esto pueda interesarte:
http://es.zoomclouds.com/

BFA ¿activaste las etiquetas?
Panel/diseño/añadir un elemento de página/etiquetas

Responder
Anónimo

Gracias por la ayuda...me funcionó a la primera...Ahora mismo te pongo de enlace y lo copio....Gracias Gema...:)
http://emigasei67-elrastreador.blogspot.com/

Responder
Neo

Hola Gema.

Utilizé este truco en mi blog, pero la pega que yo tengo es que voy a tener muchas etiquetas y la nube se hará eterna.

¿Hay alguna forma de que solamente aparezca las etiquetas de los últimos 90 días por ejemplo?

He visto que en la página de CoomClouds si se puede hacer, pero prefiero hacerlo manualmente. ¿Es posible modificar el script?

Responder
Gem@

Hola Neo por lo que yo sé los parámetros que se pueden cambiar son el color y tamaño del texto de la nube.
Lo que si podrías es añadirla al header (bajo el logo) le puedes añadir un fondo diferente al blog o bordes redondeados, también añadirla en la sidebar de esta forma tendría todo el espacio que requiera. Por otra parte piensa que la nube hace las veces de las categorías si solo muestras las de un tiempo determinado los visitantes no tendrán facilidad de acceder a todos en caso de buscar algo.

Responder
UltimoVicioso

estimada Gema..... habia escrito un par de veces por el asunto de que no salía la nube... bueno despues de tratar y tratar, descubrí el error y creo que quizá debiaras ponerlo como una nota...
resulta que en muchoas de mis etiquetas tenia el simbolo " "... el asunto es que la planilla no te permite que tengas esos caracteres en tus tags, probé con otros y si acepta caracteres del tipo :, º, -, números.. no se de los otros...

saludos

Responder
Gem@

Gracias BFA hasta ahora nadie había presentado ese problema, lo añadiré como suplemento a esta entrada.

Responder
Rubén Bodewig

Hola Gema!! tu blog me ayuda muchísimo siempre que tengo alguna duda! hoy me he decidido a preguntarte algo: sabrías decirme porqué con una plantilla blogger 565 (una muy conocida) no puedo poner una nube de etiquetas? sé ponerla, porque la he puesto en varios blogs, pero sigo aquí los pasos y desaparecen las categorías pero no sale el cloud tag. Creo que es por la plantilla, pero no lo entiendo. No funciona ni con la 565 ni con la 565 modificada de 3 columnas. Hay algún "parche"?? mil gracias!!
www.barriodebenalua.blogspot.com

Responder
Gem@

Hola Ruben si que funciona mira aquí

Seguramente es porque no haces bien el último paso veamos...
Donde dice :(Si en tu plantilla no es igual, busca la primera línea y sustituye hasta donde termine el widget es decir desde <b:widget id='Label1' locked='false' title='Etiqueta' type='Label'> hasta </b:widget>

En concreto lo que debes eliminar es esta parte de código que te añado a continuación y en su lugar añadir el último código de la entrada de color rojo.

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

(Mira en vista previa antes de guardar los cambios) ;)

Responder
Rubén Bodewig

Gema, muchas gracias por haberme contestado, pero tengo que decirte que no sé que pasa, y no me funciona :((

he hecho todos los pasos como dices perfectamente (puedes ver el código fuente del blog: www.barriodebenalua.blogspot.com) y no sucede nada. Se queda en blanco como puedes ver.

Sin embargo, he copiado todo el texto de mi plantilla en un blog de pruebas, como has hecho tú, y AQUÍ SÍ QUE FUNCIONA! por tanto, el código tiene que estar bien. Lo que falla es algo en mi blog que lo desactiva, lo tapa o qué se yo.
¿Qué puede ser?
¿Te estoy dando demasiado la paliza? Es que es un misterio...
Gracias por adelantado de nuevo

Responder
Gem@

¿Añadiste el primer código de las etiquetas antes de ]]></b:skin> y el segundo después de ]]></b:skin> y antes de </head> ?

De todas formas he buscado una entrada de Vagabundia que habla sobre la nube de etiquetas es muy similar solo que debes añadir la url del blog.
Puedes verla aquí.

Responder
Gem@

Rubén, perdona me he confundido es aquí la entrada sobre la nube.
Oye... y no me das la paliza hay que solucionar ese problema ;)

Responder
Rubén Bodewig

pues muchas gracias gema, es el único lugar donde encuentro algo de luz y alguien que me responde tan amablemente como tú...

este código es el que utilizaba antes. lo copio perfecto, igual que en otro de mis blogs: www.alicantevivo.org, y pongo la dirección... todo perfecto, pero luego publico y queda en blanco. Es surrealista.
Tiene que haber alguna línea del código que lo anule. O eso, o que cuando este blog nació, salió defectuoso, jejeje...
no sé... parece imposible.
lo dejo tal y como se me queda con el código que me acabas de dar para que lo veas: www.barriodebenalua.blogspot.com
yo empiezo a creer que no tiene solución...

Responder
Gem@

Pues no veo nada ¿lo dejaste añadido?

Responder
Rubén Bodewig

claro!! lo puedes ver en el sidebar como un apartado vacío llamado "cloud". Mira el código fuente del blog. Está ahí, pero no funciona!!

Responder
Gem@

Prueba a quitarle las comillas a la etiquetas Rubén deja un texto limpio veremos si con esto resulta.

Responder
Rubén Bodewig

Gema, cuando vengas a Alicante pásate por el Barrio de Benalúa que te debemos, al menos, unas cuantas cervezas y un tapeo!! qué alegría!!! FUNCIONA!! Eran las comillas!! díselo a todos, por si a alguien no le funciona: que quite las comillas de cualquier título de categoría!!! ese era el maldito problema!! menudo dolor de cabeza me has quitado! mil graciaaaaaaaaas!
míra que bonito: www.barriodebenalua.blogspot.com

Responder
Gem@

Pues te tomo la palabra Rubén de vez en cuando voy a Alicante y una cervecita no está nada mal a cambio de unas comillas jajajaja
En serio, me alegro que ya esté resuelto ha quedado estupendo y de colores muy acorde con el blog ;)

Responder
Carlos Pizcos

Hola gema de nuevo por aqui, solo dejarte un apunte por si a alguien le pasa lo que a mi. Si tienes implementado en tu plantilla etiquetas en forma de pestaña, "tabsF" (no recuerdo de quien es ahora!!!), al poner:


/* Etiquetas

----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;} etc...."

debera ponerse antes de:

/* TabsF----------------------- */

porque sino sale en forma de lista, me ha vuelto loco este tema!!!

Saludos-)))

Responder
Gem@

Buen dato pizcos-psct, no recuerdo yo esa persona tampoco, lo que si recuerdo es el problema de las comillas en la nube.
Si las etiquetas llevan alguna comilla no se muestran.
(cada vez que leo "pizcos-psct" me da la sensación que esas dos últimas letras son de Cartagena)

Responder
Carlos Pizcos

jajaja Gema ando mas al sur, costa del sol..., el psct es la abreviatura de proscritos, que viene del nombre de nuestro blog, el club de los......

saludos -)))

Responder
Gem@

Buena tierra pizcos ;)

Responder
BLOGMASTER

muxas,muxas,muxas gracias gema ,,,como siempre tu ayuda es fiable y genial.

solo me fio de tus codigos x ke siempre van bien....
la nube me a kedado xulisima.
gracias x tu labor.

e puesto en mi blog varias cosas sacadas de tus post,,,si algo no te gusta ,,,xfa dimelo y lo kito ya,,,,como agradecimiento ,,ya keno tienes anuncios para acer clics,,,e puesto tu banner en mi blog ,,,espero kete guste,,,
1 saludo de jose manuel.

http://blogmaster-virtualblogs.blogspot.com

Responder
Gem@

buscadescargas puedes llevar del blog todo lo que gustes y te recomiendo alojar las imágenes y archivos en un servidor para tu uso exclusivo porque si por algún motivo añades algo alojado en mi servidor y supera la banda ancha dejará de funcionar en tu blog también.

Responder
desencanto

Hola Gema, felicidades por tu blog de ayuda, contigo he podido llevar a cabo la primera parte de publicar las etiquetas en un elemento de página, hasta ahora no lo había conseguido. Cuando intento ponerlo en forma de nubes no encuentro la linea del label y no lo consiguo. Iré intentando, mil gracias.

Responder
Gem@

Saludos Pena, la plantilla que estás utilizando en la Minima igual a la que yo uso, para localizar esa línea:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'> debes marcar para expandir la plantilla de artilugios verás como de esa forma si la encuentras ;)

Responder
Anónimo

Gema siguiendo los paso me salio todo bien xD! Pero tengo una consulta.
Para que las todas las palabras queden centradas ¿qué hago?
Además, sabes que en mi plantillas los link de la sidebar se ven con rojo ¿qué puedo hacer para sacarlo?

Responder
Gem@

Sidhe and... necesito ver el blog para poder ayudarte. Normalmente la nube sitúa las palabras de forma que quedan centradas.
Los enlaces de la sidebar habría que mirar si los tienes igual en todo el blog.

Responder
Admin

Hola gem@ como siempre queriendo hacer cosas nuevas, y prácticas creo, porque como tengo muchas etiquetas y voy a tener mas todavía me pareció muy útil ponerlas en forma de nube para que no ocuparan el espacio de una lista interminable.

Pero este código parece interferir con el de la widetab o viceversa, porque al ponerlo se descompaginan las pestañas de la widewtab.

Según lo que vi que dijo Pizcos hay alguna solución, pero no entendí, me podrías decir como la puedo poner, la nube??

Ya lo quité, porque miré antes en vista previa y al ver el despropicio inmendiatamente lo saqué.

Besotes ;)

PD: era en FolkTango donde quería o quiero ponerlo.

Responder
Gem@

He probado en el blog que tengo con tu plantilla y claro son menos etiquetas y al ser una entrada por etiqueta el tamaño de la fuente es menor, pero no se desplaza ni descuadra.
He pensado que si tienes el archivo del blog descargado a tu PC me lo madaras, no d ela plantilla sino del blog ¿lo has exportado?
De esa forma añado tus entradas con sus correspondientes etiquetas.

Responder
Admin

La verdad es que no lo he exportado aún, pero si te es necesario lo hago, pero te parece que será eso?
Yo creo que interfiere con las pestañas de la widetab porque precisamente allí tengo las etiquetas, no están en un widget suelto, están en la widetab.

Y hablando de exportar, te quería hacer una pregunta por algo que vi aquí pero no me acuerdo donde, que le decías a alguien que exportara su blog a Blogger, entonces me intrigué, yo podría exportar un blog de otra plataforma a Blogger? Se puede hacer eso? Obviamente en otra plantilla, digo, el contenido, textos, imagenes, todo eso.

Baccio gem@ ;)

Hoy estoy internacional ja ja :D

Responder
Gem@

Yo lo añadí a la widebar, y se extendía igual que el texto que tienes en la primera pero no eran tantas etiquetas.
A lo mejor si añades las etiquetas al la primera pestaña lo descentra menos o nada, todo es probar.
Sobre exportarlo sólo te pido una cosa mira bien que el botón eliminar está justito al lado.
Y no, no creo que de otra plataforma a Blogger no se puede importar pero al contrario si. Estas muy risueña además de internacional esta noche jajajaja

Responder
Admin

No se, no me atrevo a probar en la otra pestaña, si pongo las etiquetas estará en primer plano y no creo que quede muy lindo...

Aparte me asustó un poco el anterior resultado, las pestañas se ensimaban, y en vista previa ni siquiera pude ver como quedaban, solo las pestañas superpuestas, lo saqué enseguida.

En todo caso, lo exporto, te paso el xml y me muestras como te queda, y quedate tranquila que ya se donde están los botones de Blogger, no te olvides que ya exporté Te Propongo ;)

Y lo de risueña me lo has contagiado jaja ja :D

Responder
Admin

Ya lo solucioné gem@, hice mucho mas fácil, justo entré al blog de JMiur y encuentro una entrada que habla de widgets y había uno, Wowzio, con el que podés poner muchas cosas, entre ellas una nube de etiquetas, así que ya no me rompo mas la cabeza ni te molesto mas, ya está puesto, miralo a ver si te gusta, lo personalicé y listo.
Parece que no retarda la carga ni nada, por ahora al menos...

Gracias por todas tus molestias ;)

Responder
Admin

Gracias gem@ por el comentario que dejaste en mi blog, si, ya había visto que pasaba eso, igual que la vez pasada con la encuesta, recuerdas?

Pero si das F5 todo vuelve a la normalidad, aparece el editor y se puede escribir, me pasan cada cosas...yo no entiendo, estoy esperando que JMiur me diga algo al respecto, mientras puse una nota en la sidebar (casi en el comienzo) donde explico lo que hay que hacer, pero claro que eso así no va, con lo que cuesta que la gente deje comentarios encima le dificultamos el camino, imaginate...

Vos no tendrás idea que cosa puede ser no?
Supongo que no, sino no me hubieras escrito eso... :'-(

Responder
Gem@

Disculpa k_nelita por dejar estos comentarios sin contestar, como este mismo tema lo hablamos por mail y luego en el blog de J.Miur me olvidé que no los había contestado :(

Responder
Admin

No hay problema gem@ hoy mismo o ayer, no me acuerdo encontré una entrada de Rosa que hablaba de una falsa nube de etiquetas, no se ve tan bien como esta, pero el código es mas simple y no me ha interferido con nada, no se mete en el editor, no se ensiman las pestañas y bueno puse eso, no es muy bonito pero es lo que hay, igual está en una pestaña oculta, y al menos no se hace una laaaarga lista.

Hasta que no encuentre algo mejor dejaré esa.

Gracias igual por todo, besote ;)

Responder
Anónimo

Gema este mismo ejemplo es el que tu usas en tus etiquetas? ho utilizas otro sistema?

Un saludo.

Responder
Gem@

Así es Gerónimo, los colores sen pueden cambiar :)


k_nelita siento ver este comentario tan tarde, a veces te contesto en un mail y me olvido del comentario :(

Responder
Admin

Así es gem@ querida, siempre pasa que se pierden las cosas, la nube es un misterio para mi todavía.

Pero quería decirte que te he dejado un regalito en Te Propongo, aunque no sigas la cadena ni nada, se que lo apreciarás.

Te quiero gem@!!! ;)

Responder
Admin

Siguiendo acá ya que pasaste por mi blog, habrás visto que los enlaces salen de un colo gris bastante feo, solo se encienden un poco al pasar el mouse por ensima que se ponen amarillos, pero es solo de pasada, que tendría que cambiar y donde para que salgan en algún color mas llamativo?
Tampoco se que color ponerle, porque ya se que al cambiarlo también cambian los de la sidebar, y no quiero hacer un mamarracho, tiene que ser un color que combine con todo, me das alguna idea amiga mía??

Besote ;)

Responder
Gem@

k_nelita ante todo gracias por el detalle tan lindo y esa forma desinteresada de otorgar un premio a sabiendas que que no suelo seguir esa costumbre :)
Y sobre los enlaces si qu ee había dado cuenta como también me la di del color que tiene la letra en los comentarios un poco tristona si.

Veamos... en fuentes y colores tienes la opción de cambiar el color de los enlaces, como bien dices debe ser acorde con el blog.
Pero si ya los modificaste en la plantilla entonces esa opción no va a funcionar.

¿Qué tal si lo que hacemos es invertirlo? añadimos el amarillito para el enlace mostrado y el gris para el efecto hover al pasar el ratón, pero además con el efecto hover podemos hacer que la letra aumente de tamaño. Si te fijas en mi BLOGROLL tiene añadido ese efecto.
Veamos ve a la plantilla y busca body { debajo tienes:

a:link {
color:#367F00;
text-decoration:underline;
}
a:visited {
color:#808080;
text-decoration:none;
}
a:hover {
color:#FFBE0F;
text-decoration:underline;
}

Eso son los efectos de tus enlaces
a:link es como lo vemos.
a:visited como se muestra el enlace una vez visitado.
a:hover es ese efecto que cambia de color al pasar el ratón.

Si lo invertimos quedaría así:

a:link {
color:#808080;
text-decoration:underline;
}
a:visited {
color:#367F00;
text-decoration:none;
}
a:hover {
color:#FFBE0F;
text-decoration:underline;
}

En text-decoration le indicas que a a:hover y a a:link añada una línea de subrayado si la quieres dejar no hay problema.
Si deseas que al pasar el ratón la letra aumente tendrías que añadir en a:hover lo siguiente:
font-weight:bold;
font-size: 11px;

en font-size será el tamaño de letra.
No sé si con esto te aclaro las dudas.
Yo creo que al invertir los colores no haría falta que sustituyeras ninguno, como bien dices mucho color no queda fino ;)
Mira en vista previa para ver como queda y como el efecto al pasar el ratón no lo vas a ver recuerda que aquí tienes el código por si decides dejar el mismo ;)

Responder
Admin

Mil gracias gem@, así quedó muy bien, siguiendo tus instrucciones lo logré,:D lo único que en los enlaces de la sidebar, en algunos al pasar el muose, el efecto hover, hace muy grandes las letras, como se corrige eso? :o

Vas a tener que mirarlo porque no puedo especificarte cuales son los enlaces, ahh, el que dice Ver todo mi perfil, por ejemplo...

Y otra cosa que te quedó pendiente que vos misma te diste cuenta, lo del color de los comentarios algo tristón :( como y donde cambio ese color?

Gracias un besoooote ;)

Responder
Gem@

Hola k_nelita el tamaño de la letra puedes modificarlo en:
a:hover {
color:#FFBE0F;
text-decoration:none;
font-weight:bold;
font-size: 14px;
}

El color del texto de los comentarios busca:
.comment-body p {
margin:0 0 .5em;
}

y le añades el color de letra:
.comment-body p {
margin:0 0 .5em;
color:#000;
}

;)

Responder
Anónimo

Hola Gema, te felicito por tu blog, eres de gran ayuda.
MIra, puse hace tiempo la nube de etiquetas en mi blog, deje de publicar y de añadir nuevas entradas y etiquetas durante un tiempo (cambie el titulo y dirección de mi blog). Habia hecho unas modificaciones de color, tamaño, etc.. Ahora publico, pongo una etiqueta nueva y me sale de otro color y tamaño. ¿Que puede pasar?. Mire y los codígos que tienes aquí están bien.
A ver si me puedes ayudar.

Responder
Gem@

Hola Luisin prueba a modificar los colores de la nube para ver si los acepta.

Responder
Marga

Hola Gema!!!

Una cosita, puse en el blog una nube directamente de la página de WOWZIO y no tuve problema, pero es que he consultado para hacerla sin fondo, osea trasparente y no me sale. Me comenta que reemplace el código del fondo poe "none" o "transparent" y no veo que haga nada. Puede ser que en mi plantilla no sea así??
Y la otra pregunta es que veo que los titulos no se corresponden con los títulos de las entradas. Lo puedo arreglar ???

Gracias
Marga

Responder
Gem@

Pues tampoco lo veo Marga, pero si escoges el color de fondo de tu blog dará la sensación de tener fondo transparente :)

Responder
Anónimo

hola gem@. mira he encontrado una nube de tags interesante en http://www.mi-blog.info/tag/peb/
por si quieres verla y por si tienes idea de cómo hacerla... abrazos y saludos!

Responder
Gem@

Hola S.O.S la había visto y la tengo hace tiempo en mi blog de amigos
Al final quedó en el aire crear una entrada sobre como hacerla pero mañana si quieres la tienes ;)

Responder
Admin

Yo si quierooooo, quiero una nube de etiquetas como esa, dale gem@ hacé la entrada... :D

Responder
Gem@

Toda tuya k_nelita aunque creo que ya estás ocupada con ella jajajaja

Responder
Unknown

mi querida requetequerida gam@. ya solucioné lo del color. lo que me falta es poder separar las dos sidebares un poco e incluso ensancharlas. ahora tienen 180px pero me gustaría llegar a los 210px... ABRAZOS Y MUCHOS ROSCONES

Responder
Gem@

lk no se pueden ensanchar las sidebars sin restarle anchura al main o aumentar el tamaño total del blog, si no puedo verlo difícilmente puedo ayudarte.

Responder
Eduardo Ibarrola
Este comentario ha sido eliminado por el autor.
Responder
Gem@

Jeiman yo no veo ese espacio blanco, lo que si veo el Explorer son los las imágenes de favicon en forma listada es decir a lo largo y no tan ordenaditos como se ve en Firefox.
Quizás eso sea parte del problema de ver la nube ahí arriba :(

Responder
Eduardo Ibarrola
Este comentario ha sido eliminado por el autor.
Responder
Eduardo Ibarrola

Mira Gem@, he intentado suprimir los favicones y aún así el problema persiste, tal vez este sea el problema: fíjate como me han quedado las dos sidebar

http://img520.imageshack.us/my.php?image=sidebaroi3.jpg

Ahora en otro blog que tengo un solo sidebar la nube me salió hermosa ¿qué será????

Responder
Admin

gem@ y Jeiman, ayer en FireFox yo veía el espacio en blanco, mejor dicho en negro ja ja :D ya que el blog tiene fondo negro, y el otro gadget abajo de todo pero hoy que hay mas etiquetas lo veo todo bien, y los favicones que dices no los veo en ningún lado :o
Con IE no tengo ni idea de como se ve, no uso esa "cosa" ;)

Responder
Eduardo Ibarrola

hola k_nelita, en otra web encontre la solución a mi problema por eso lo has visto solucionado, tenía las dos sidebar superpuestas. Lo de los favicones opté por suprimirlo ya que en IE me tiraba un error my feo. Saludos

Responder
Gem@

El error de IE era por los bordes que suman espacio además de las imágenes y cuando no tienen espacio se desplazan.

Responder
Deybi

Parece que queda mejor que en movmineto, porque uno medio se pierde, además se ve sumamente elegante!!!.

Responder
Gem@

Es un poco más clásico pero resulta más útil que la nube en movimiento, al menos funciona siempre :)

Responder
LOLA - zapatos de autor

Hola Gem@ hace tiempo que hago uso y abuso de tu blog, lo ultimo que coloque fue la nube de etiquetas cuando hago clic todo bien me aparece la entrada que quiero pero aparece un cartel qeu dice: "Mostrando entradas con la etiqueta ACCESORIOS. Mostrar todas las entradas" :(
Realmente no creo que aparesca por la nube pero no me gusta y no se como puedo evitar que aparesca. Desde ya muchas gracias :)

Responder
Gem@

Hola Lola, ese cartelito de mostrar todas las entradas es útil para algunos pero para mi personalmente es molesto ya que con tartelito o sin él sigue mostrando todas las entradas..
En este enlace te explico como eliminarlo rápidamente ;)

Responder
atajar

hola gema tengo un problema muy gordo ,cuando entro en una de mis etiquetas el contenido sale en escalera eso en firefox en ie sale bien me parece que ha sido a raiz del cambio raro que hubo de los seguidores ,pofa puedes ayudarme un saludo y gracias por tu atencion

Responder
atajar

he cambiado a una plantilla anterior y sigue el problema:(

Responder
atajar

he quitado lo de los seguidores y sigue el problema:(

Responder
atajar

sigue el problema ya no se que voy hacer:((

Responder
Gem@

Atajar te contesté ayer pero no tomé la precaución de comprobar si había salido el comentarios, te decía que ese error no lo produce ningún gadget más bien una modificación en la plantilla ¿no recuerdas haber modificado algo últimamente?

Responder
Lar2

hola no se por que no me funciona y ya lo intente todo...

no se mueve....

Responder
Gem@

yz Lar2 ¿Qué navegador usas?

Responder
rockztar

hola.!! bnO pzZ a mi m resultO el mismO prOblema d k algO m fallaba ii pzZ nO m keda

Responder
Gem@

yz Tokio Hotelera.!! repasa la parte que sustituimos cuando expandimos la plantilla porque el resto está correcto.
Guarda copia de la plantilla para más seguridad ;)

Responder
cn

hola gem@, en http://cielosdondeestaeldinero.blogspot.com he añadido la etiqueta de nubes de blogger. ¿hay alguna manera de que en lugar de que quede cuadrado (justificada a ambos lados), sea en formato libre o centrado para que no quede tan pesado? gracias adelantadas por tu tiempo!!

Responder
Gem@

:: No he podido comprobar aún como va la nube de Blogger cn, imagino que se le pueden añadir unos estilos y trabajar sobre ellos.
Si veo algo ya te comento ;)

Responder
Juan Carlos P

Hola Gem@

Sabes yo uso desde hace tiempo esta nube, pero quisiera saber si es posible hacer que algunas de las etiquetas no aparezcan, así como la nube de Blogger que puedes elegir cuáles etiquetas aparecen y cuáles no.

Es que yo quiero seguir usando esta nube de etiquetas y no la de Blogger :)

Porfa ojalá que sea posible porque sino me verá forzado a usar la de Blogger :(

Una abrazo!

Responder
Gem@

:: Respondí en tu último comentario, lamento no ver esto antes :(

Responder
Unknown

Hola Gema, ando de nuevo por aquí aprendiendo, a ver si puedes echarme un manita... he intentado poner la nube en mi blog, pero tengo el problema que comentan en la respuesta 27, me sale la "nube" en forma de lista. He buscado "tabsF" pero no me aparece, no sé qué puede ser.

Un saludo, gracias por tu tiempo como siempre.

Responder
Gem@

:: scramblertt ese tabsF son una son unas etiquetas muy antiguas que se ponían a modo de menú no tiene nada que ver con la entrada.
Posterior a esta Blogger añadió las etiquetas en un gadget y la opción de escoger entre nube o listado y creo que la otra es jerarquía.
Yo intentaría a editar un gadget de etiquetas y escoger nube, puedes poner las nubes que quieras en cantidad me refiero y luego dejar la que mejor funcione.

Responder
Unknown

¡Muchas gracias por tu ayuda otra vez! La cosa es que no se como editarlo para que el texto de la nube salga centrado dentro del widget no veo "align" por ninguna parte :$

Responder
Gem@

:: Las veo centradas en tu sidebar :S es esa la nube que te refieres?

Responder
Unknown

Sí, sí, es que soy muy mijitas... fíjate que la palabra "öhlins" sale alineada a la izquierda en vez de estar centrada... en fin uno que es mu' delicao' :D

Muchas gracias!!

Responder
Gem@

:: Prueba buscado lo siguiente:
.cloud-label-widget-content {
text-align: justify;
}
y en lugar de text-align: justify; prueba con text-align:center; :)

Responder
Unknown

No viene nada de eso... en serio Gema, muchas gracias pero no te preocupes, no tiene importancia el detalle ese.
Un saludo.

Responder
Gem@

:: Entonces prueba a añadirlo :) ya sabes antes de ]]></b:skin>

Responder
Unknown

Nada de nada :( ¿Hasta que no lo consigas no paras eh? ;)

Responder
Gem@

:: Pues que quieres qu ete diga es que yo veo que se puede arreglar y a veces me gustaría tener poderes para hacer las cosas yo desde aquí jajajajaja qué fuerte !
Mira como lo arreglaría yo %% ejemplo

eso lo hice con estos estilos que te comentaba, es la forma de centrar la nube auqnue igual tu quieres otra cosa y yo entendí eso :S

Responder
Unknown

¡Host** que máquina!!! jajaja si es que no tengo ni idea :(

Responder
Gem@

:: Pues veo que siguen igual las etiquetas :S

Responder
Unknown
Este comentario ha sido eliminado por el autor.
Responder
Unknown

Esto parece un déjà vu... había escrito lo mismo que en la respuesta 87...
He probado a poner antes de ]]>


.cloud-label-widget-content {
text-align: justify;
}

.'label1'-widget-content {
text-align: center;
}

.label1-widget-content {
text-align: center;
}

...y nada de nada. :O

Responder
Gem@

:: Fíjate bien porque ninguna de esas opciones que has probado te la sugerí yo, la que te dije es esta;

.cloud-label-widget-content {
text-align: center;
}

Responder
Unknown

Perdona, se me puse "justify" en vez de "center" sin querer pero también la había probado... no sé qué es lo que pasará para que no vaya...

Responder
Gem@

:: scramblertt no sé que decirte a mime ha funcionado ya has visto la imagen :S

Responder
Unknown

Dime: "Bueno, me rindo" :D

¡Muchas gracias de verdad! ;)

Responder
Gem@

:: ¿Te rinde eso? :O entiendo que te desesperes pero cosas más complicadas te encontrarás se nos plantean en el blog para eso hay dos soluciones arreglarlo o dejarlo como está depende de la importancia que le demos a ese problema :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top